<template>
  <el-row class="otherClass">
    <el-form ref="form" label-width="80px">
      <el-form-item label="服务人员">
        <template>
          <el-row type="flex" style="flex-wrap: wrap">
            <el-col :span="2" v-for="(item, key) in list" :key="key">
            <div>
              <headImg :imgUrl="item.headurl"></headImg>
              <div style="text-align: center;margin-top: -20px;">{{item.name}}</div>
            </div>
            </el-col>

          </el-row>
        </template>
      </el-form-item>
    </el-form>
  </el-row>
</template>

<script>
import Guest from '@/service/shop/guest.js'
import C from '@/common/common.js'
import headImg from '@/components/headImg.vue'

export default {
  name: 'other',
  data () {
    return {
      list: []
    }
  },
  methods: {
    async getGuestServiceMan (id) {
      let list = await Guest.getGuestServiceMan(id)
      this.list = list
    }

  },
  mounted: function () {
    let data = C.getDatas()
    this.getGuestServiceMan(data.id)
  },
  components: {headImg}
}
</script>

<style>
  .otherClass{
    color: #000;
  }
</style>
